<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib prefix="fmt" 
           uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>我的商城</title>
  <link rel="stylesheet" href="${pageContext.request.contextPath }/html/css/login.css">
  <style>
  /* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td ,a{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}



  </style>
  	<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js">
	</script>
	
</head>
<body>
  <div class="wrap" style="background-color:#f7f7f7;">

    <div class="header">
     <ul id="nav" style="margin-left:634px">
    		<li><a href=""><span style="font-size:30px;">用户登录</span></a></li>
     </ul>
    <div class="top">
	     <!-- <img src="images/logo.png" id="logo"/> 
	
	     <ul id="nav">
	        <li><a href=""><span>首页</span></a></li>
	        <li><a href=""><span>我的资产</span></a></li>
	        <li><a href=""><span>我的投资</span></a></li>
	        <li><a href=""><span>我的融资</span></a></li>
	      </ul>
	
	      <ul id="login">
	          <li><a href=""><span>我的账户</span></a></li>
	          <li><img src="images/down.png" id="line"/></li>
	      </ul> -->

    </div><!--top -->
    </div><!--header-->

<form action="${pageContext.request.contextPath }/user/login" method="post">
	<input type="hidden" name="identity" value="consumer"/>
    <div class="register-wrap">
      <div class="register-login">
        <p class="number">
        	<a href="#" style="position:relative;left:3px">用户登录</a>
        	<a href="${pageContext.request.contextPath }/user/toEmployeeLogin" style="position:relative;left:182px">客服登录</a>
        </p>
        <div class="line">
          <img src="${pageContext.request.contextPath }/html/images/blue-line2.png" />
          <img src="${pageContext.request.contextPath }/html/images/blue-line.png" style="position:relative;right:307px;"/>        
      	</div>
      <div class="in">
        <input type="text" value="请输入账号" class="input"   id="username"  name="username"
        style="font-size:14px;color:#a4aab3;line-height:14px;padding-left:10px;">
      </div><!--in-->

      <div class="in">
        <input type="text" value="请输入密码" class="input"   id="password"  name="password"
        style="font-size:14px;color:#a4aab3;line-height:14px;padding-left:10px;">
      </div><!--in-->

    <!--   <div class="in">
        <input type="text" value="请输验证码" class="input"
        style="font-size:14px;color:#a4aab3;line-height:14px;padding-left:10px;">
        <span> <a href="#">获取验证码</a></span>

      </div>in
 -->
 		<c:if test="${login}" >
			 <div class="ts" style="margin-top:20px;">

         		<p>账号或密码有误</p>

     		 </div><!--ts-->
		</c:if>
     	
      <button  type="button" class="btn" onclick="check()">
        <span>登录</span>
      </button>
        <div class="zc">
              <!-- <p class="hy">还不是会员？</p> -->
              <p class="mfzc"><a href="${pageContext.request.contextPath }/user/signupfirst">免费注册</a></p>
        </div><!--zc-->
      </div><!--main-login-->
    </div><!--main-->
</form>
		<c:if test="${signup=='yes'}" >
			<script>
				$(document).ready(function(){
					  alert("注册成功");
					})
			</script>
		</c:if>

    <div class="foot">
        <p>  服务条款 | 关于我们 | 联系我们 </p>
        <p>Copyright © Wanda. All Rights Reserved.</p>

    </div>


</div><!--wrap-->
<script>
	function check() {
	
	    if($.trim($("#username").val())==""||$.trim($("#username").val())=="请输入账号") {
	           alert("请输入用户帐号!");
	           return false;
	      }
	  	if($.trim($("#password").val())==""||$.trim($("#password").val())=="请输入密码"){
	           alert("请输入登录密码!");
	           return false;
	    }
	  $("form")[0].submit();
	}
</script>
</body>
</html>
